<script setup>
import { toRefs } from 'vue'
import { createFromIconfontCN } from '@ant-design/icons-vue'

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/c/font_3883428_mim7hkqwf9c.js',
  extraCommonProps: {
    style: {
      fontSize: '18px',
      verticalAlign: '-0.2em'
    }
  }
})

const props = defineProps({
  type: {
    type: String,
    default: ''
  },
  color: {
    type: String,
    default: ''
  }
})
const { type, color } = toRefs(props)
</script>

<template>
  <icon-font :type="type" :style="{color: color}"/>
</template>
